<!--
 * @Author: actor
 * @Date: 2023-11-13 15:42:40
 * @email: 395593455@qq.com
 * @LastEditors: actor
 * @LastEditTime: 2023-12-19 10:20:14
 * @FilePath: \i-hos-app\shared\emr\src\components\insert\Checkbox.vue
 * @Description: 复选框插入组件
-->
<template>
  <form type="checkBox" class="checkBox selectBoxForm" :data-config="JSON.stringify(config)">
    <div v-for="(item, index) in config.option" :key="index">
      <input type="checkBox" :value="item" :checked="false" />
      <label type="checkBox">{{ item }}</label>
    </div>
  </form>
</template>

<script setup lang="ts">
  import { reactive } from 'vue'
  // 接口约束
  import { IConfig } from '../../interface/page'
  let config: IConfig = reactive({
    type: '复选框',
    name: '',
    textVal: '',
    code: '',
    option: ['选项1', '选项2', '选项3'],
    array: '1',
    alignment: 'left',
    minWidth: 1,
    bgColor: '#fff',
  })
</script>

<style scoped lang="scss"></style>
